<style>
    #add-form strong{
        color: red;
    }

    *{
      box-sizing: border-box;
    }
    .row-flex{
      flex-direction: row !important;
    }

</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">


    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><strong >*</strong>{:__('Itemname')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-itemname" data-rule="required" class="form-control form-control" name="row[itemname]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><strong >*</strong>{:__('Sku')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-sku" data-rule="required" class="form-control form-control" name="row[sku]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
      <label class="control-label col-xs-12 col-sm-2"><strong >*</strong>{:__('barcode')}:</label>
      <div class="col-xs-12 col-sm-8">
          <input id="c-barcode" data-rule="required" class="form-control form-control" name="row[barcode]" type="text" value="">
      </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"><strong >*</strong>{:__('Source')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-source" data-rule="required" class="form-control form-control" name="row[source]" type="text" value="">
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('ProductUnit')}:</label>
        <div class="col-xs-12 col-sm-8">
            <select class="form-control selectpicker combobox" id ="ProductUnit" name="row[ProductUnit]">
                {foreach $productUnits as $key=>$item}
                <option value="{$item.id}">{$item.name}</option>
                {/foreach}
            </select>
        </div>
    </div>
    


    <div class="row-flex">
        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label"><strong >*</strong>{:__('Beforelong')}:</label>
            </div>
            <div class="col-xs-7 col-sm-7">
              <input id="c-beforelong" data-rule="required" class="form-control form-control" placeholder='长(CM)' name="row[beforelong]" type="number" value="">
            </div> 
        </div>

        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label "><strong >*</strong>{:__('Beforewidth')}:</label>
              </div>
              <div class="col-xs-7 col-sm-7">
                <input id="c-beforewidth" data-rule="required" class="form-control form-control" placeholder='宽(CM)' name="row[beforewidth]" type="number" value="">
            </div>
        </div>
    </div>

    <div class="row-flex">
        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label"><strong >*</strong>{:__('Beforehigh')}:</label>
            </div>
            <div class="col-xs-7 col-sm-7">
                <input id="c-beforehigh" data-rule="required" class="form-control form-control" placeholder='高(CM)' name="row[beforehigh]" type="number" value="">
            </div> 
        </div>

        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label"><strong >*</strong>{:__('Beforeweight')}:</label>
              </div>
              <div class="col-xs-7 col-sm-7">
                  <input id="c-beforeweight"  data-rule="required" class="form-control form-control" placeholder='重量(KG)' name="row[beforeweight]" type="number" value="">
              </div>
        </div>
    </div>

    <!-- <div class="form-group">
        <div class="row">
            <div class="col-xs-5 col-sm-5 row-flex">
              <div class="col-xs-5 col-sm-5">
                <label class="control-label"><strong >*</strong>{:__('Beforelong')}:</label>
              </div>
              <div>
                <input id="c-beforelong" data-rule="required" class="form-control form-control" placeholder='长(CM)' name="row[beforelong]" type="number" value="">
              </div> 
            </div>
            <div class="col-xs-5 col-sm-5 row-flex">
              <div class="col-xs-5 col-sm-5">
                <label class="control-label "><strong >*</strong>{:__('Beforewidth')}:</label>
              </div>
              <div>
                <input id="c-beforewidth" data-rule="required" class="form-control form-control" placeholder='宽(CM)' name="row[beforewidth]" type="number" value="">
              </div>
              
            </div>
        </div>
    </div> -->


    <div class="row-flex">
        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label">{:__('Afterlong')}:</label>
            </div>
            <div class="col-xs-7 col-sm-7">
                <input id="c-afterlong"  class="form-control form-control" placeholder='长(CM)' name="row[afterlong]" type="number" value="">
            </div> 
        </div>

        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label">{:__('Afterwidth')}:</label>
              </div>
              <div class="col-xs-7 col-sm-7">
                  <input id="c-afterwidth"  class="form-control form-control" placeholder='宽(CM)' name="row[afterwidth]" type="number" value="">
              </div>
        </div>
    </div>


    <div class="row-flex">
        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label">{:__('Afterhigh')}:</label>
            </div>
            <div class="col-xs-7 col-sm-7">
                <input id="c-afterhigh"  class="form-control form-control" placeholder='高(CM)' name="row[afterhigh]" type="number" value="">
            </div> 
        </div>

        <div class="form-group col-xs-6 col-sm-6 row-flex">
            <div class="col-xs-5 col-sm-5">
                <label class="control-label">{:__('Afterweight')}:</label>
              </div>
              <div class="col-xs-7 col-sm-7">
                  <input id="c-afterweight"  class="form-control form-control" placeholder='重量(KG)' name="row[afterweight]" type="number" value="">
              </div>
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Describe')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-describe"  class="form-control form-control" name="row[describe]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Customscode')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-customscode"  class="form-control form-control" name="row[customscode]" type="text" value="">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Declareprice')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-declareprice"  class="form-control form-control" name="row[declareprice]" type="number" value="0">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Origincountry')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-origincountry"  class="form-control form-control" name="row[origincountry]" type="text" value="">
        </div>
    </div>
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
